﻿
/*---general css-------*/
#main {
    width: 320px;
	height: 480px;
    font-size: 16px;
    background: #9EED55;
    font-family: verdana;
    position: relative;
}
    

    #header
    {
        width: 85%;
        height: auto;
        margin: 0 auto;
    }

    #footer
    {
        
        position: absolute;
        bottom: 0;
        padding: 0.5em;
        font-size: 0.8em;
        
    }

/*---login page--------*/

    #appname
    {
        
    }
    #input {
        
        width: 70%;
        margin: 0 auto;
        
    }
    #div-login
    {
        
        /*text-align: center;*/
        width: 72%;
        height: 40%;
        margin: 0 auto;
        padding: 0.6em;

	    background-color: white;
        
        border: 1px green solid;
        -webkit-border-radius: 0.5em; 
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;

        box-shadow: inset 1px 1px 1px 1px #939393;
        box-shadow: 0 3px 2px rgba(0,0,0,.2);   
    }

    #div-login > div
    {
        margin-top: 0.2em;
        margin-bottom: 0.2em;
    }
    #LoginButton {
        margin: 0 auto;
    }
  
    .loginTxtBox
    {
        width: 10.5em;

        -webkit-border-radius: 0.5em; 
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;

        box-shadow: inset 1px 1px 1px 1px #939393;
        box-shadow: 0 3px 2px rgba(0,0,0,.2);
    }

    .reqTxtBox
    {
        color: red;
    }

/*---main page---------*/

    #content
    {
        width: 85%;
        height: auto;
        margin: 0 auto;
    }

    #div-menu
    {
        width: 85%;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }



    .button {
    width: 6em;
    height: 2.1em;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font:1.1em Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 3px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 2px rgba(0,0,0,.2);
	box-shadow: 0 3px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.buttonLong {
    width: 10em;
    margin: 0.1em;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.red {
	color: #ffffff;
	border: solid 1px #C11B17;
	background: #E41B17;
	background: -webkit-gradient(linear, left top, left bottom, from(#F62817), to(#C11B17));
	background: -moz-linear-gradient(top,  #F62217,  #C11B17);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F62817', endColorstr='#C11B17');
}

.red:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#C11B17), to(#F62217));
	background: -moz-linear-gradient(top,  #C11B17,  #F62217);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C11B17', endColorstr='#F62217');
}

.green {
	color: #ffffff;
	border: solid 1px #347235;
	background: #41A317;
	background: -webkit-gradient(linear, left top, left bottom, from(#4AA02C), to(#347C2C));
	background: -moz-linear-gradient(top,  #4AA02C,  #347C2C);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4AA02C', endColorstr='#347C2C');
}

.green:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#347C2C), to(#4AA02C));
	background: -moz-linear-gradient(top,  #347C2C,  #4AA02C);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#347C2C', endColorstr='#4AA02C');
}




@media only screen and (max-width: 1000px)
{
    #main
    {
        font-size: 45px;
        width: 100%;
        height: 100%;
        min-height: 100%;
        width: 100%;
        height: auto;
        /*position: fixed;*/
        top: 0;
        left: 0;
    }
    #dolan {
       
        width:90%; 
        height: auto;
}
        
    }



@media only screen and (min-width:481px) and (max-width:760px)
{
}
